<template>
  <div>
      <img :src="$pre + avatarurl" alt="">
      <p>phone:{{phone}}</p>
      <p>nickname:{{nickname}}</p>
  </div>
</template>

<script>
export default {
    data(){
        return {
            avatarurl:'',
            phone:'',
            nickname:'',
        }
    },
    mounted(){
        let obj = JSON.parse(localStorage.getItem('isLogin'))
        this.avatarurl = obj.avatarurl;
        this.phone = obj.phone;
        this.nickname = obj.nickname == "undefined"?"完善资料让小u更懂你":obj.nickname
    }

}
</script>

<style scoped>
img{
    width: 1rem;
    height: 1rem;
}

</style>